
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>翔轮访客管理系统</title>

    <link rel="icon" type="image/png" sizes="144x144" href="img/320.png"/>
<!--    图形组件库-->
    <script type="text/javascript" src="echarts.5.3.3/dist/echarts.min.js"></script>

    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/demo/demo.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/bootstrap/easyui.css">

    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/locale/easyui-lang-zh_CN.js"></script>

    <script src="publicJS/publicJS.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="publicJS/global.css" />

    <script src="publicJS/whitemain.js?version=1.7" type="text/javascript"></script>
<!--    <script src="publicJS/whitemainNew.js?version=1.7" type="text/javascript"></script>-->
    <link href="publicJS/whitemain.css?version=1.1" type="text/css" rel="stylesheet" >

<!--    /*设置文本框，拉下字体*/-->
    <link href="publicJS/settextbox.css" type="text/css" rel="stylesheet" >

</head>
<body>

    <div class="top">
        <div class="imgico" style="height: 45px;width: 45px;margin-left: 20px;margin-right: -10px">
          <img src="img/xl.png" alt="" width="35px" height="35px"/>
        </div>
        <div class="rcname" id="RCname">SHOWA智能化管理系统</div>

        <div class="use">

            <label id="username">用户名：XXX</label>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a onclick="returnSignin()">注销登录</a>
            &nbsp;&nbsp;&nbsp;&nbsp;
<!--            <a onclick="updatepaw()">修改密码</a>-->
        </div>
    </div>

    <div class="left" >
    <!--菜单-->
         <div id="cate_title">
                    <a href="#">★ ★ 菜 ★ 单 ★ ★</a>
                    <i></i>
         </div>

        <div class="cate_line_jh">
            <ul>
                <li>
                    <div style="float: left">
<!--                        <div style=" float: left;margin:7px -5px 0px 10px"><img src="img/navigate/gur-project-08.png" alt="" width="25px" height="25px"/></div>-->
                        <div style=" float: left;margin:7px -5px 0px 10px"><img src="img/caidan/pz.png" alt="" width="25px" height="25px"/></div>
                        <div style=" float: left;">
                            <a href="#" onclick="OPENHTML('门卫管理访单')">门卫管理访单</a>
<!--                            <img style="position: absolute;margin:-30px 0px 0px 130px;" src="img/navigate/navigate_right.png" alt="" width="20px" height="20px"/>-->
                        </div>

                    </div>

                </li>
            </ul>
        </div>

        <div class="cate_line_yw">
            <ul>
                <li>
                    <div>
                        <!--                        <div style=" float: left;margin:7px -5px 0px 10px"><img src="img/navigate/gur-project-01.png" alt="" width="25px" height="25px"/></div>-->
                        <div style=" float: left;margin:7px -5px 0px 10px"><img src="img/caidan/cg.png" alt="" width="25px" height="25px"/></div>
                        <div style=" float: left">
                            <a href="#" onclick="OPENHTML('访单综合管理')">访单综合管理</a>
                            <!--                            <img style="position: absolute;margin:-30px 0px 0px 130px;" src="img/navigate/navigate_right.png" alt="" width="20px" height="20px"/>-->
                        </div>
                    </div>

                </li>
            </ul>
        </div>

        <div class="cate_line_ck">
            <ul>
                <li>
                    <div>
                        <!--                        <div style=" float: left;margin:7px -5px 0px 10px"><img src="img/navigate/gur-project-01.png" alt="" width="25px" height="25px"/></div>-->
                        <div style=" float: left;margin:7px -5px 0px 10px"><img src="img/caidan/jczl.png" alt="" width="25px" height="25px"/></div>
                        <div style=" float: left">
                            <a href="#" onclick="OPENHTML('访客资料')">访客资料</a>
                            <!--                            <img style="position: absolute;margin:-30px 0px 0px 130px;" src="img/navigate/navigate_right.png" alt="" width="20px" height="20px"/>-->
                        </div>
                    </div>

                </li>
            </ul>
        </div>

    </div>

    <div class="right">
        <div id="tt" class="easyui-tabs" style="width:100%;height:100%;">
            <div title="首页" style="overflow:hidden;padding-top:2%;border: 0px solid red;background: #F5F5F5" >

            </div>
        </div>
    </div>

</body>
</html>

<script>

</script>

<style type="text/css">
    /* 文本框之间夹层div 属性 */
    .interlayer {
        /* border: 0px solid red; width: 400px;float: left;margin: auto;text-align: center; */
        border: 0px solid red; width: 100%;height: 7px;float: left;margin: auto;text-align: center;
    }
    .interlayer01 {
        /* border: 0px solid red; width: 400px;float: left;margin: auto;text-align: center; */
        border: 0px solid red; width: 100%;height: 4px;float: left;margin: auto;text-align: center;
    }

    .toptext{
        float: left;
        padding-top: 7px;
        padding-left: 30px;
        /*border: 1px solid red;*/
    }

    .toptext01{
        float: left;
        padding-top: 10px;
        padding-left: 10px;
        /*border: 1px solid red;*/
    }

    .slide-button {
        position: absolute;
        margin-top: 10px;
        right: 50px;
        width: 80px;
        height: 30px;
        border: 1px solid #ddd;
        /* border-radius: 15px; */
        z-index: 9999;
    }

    .slide-button01, .slide-button02 ,.slide-button03, .slide-button04, .slide-button05 {
        position: absolute;
        margin-top: 10px;
        right: 50px;
        width: 80px;
        height: 30px;
        border: 1px solid #ddd;
        /* border-radius: 15px; */
        z-index: 9999;
    }

    .slide-button01 , .slide-button03{
        left: calc(50% - 60px);
    }
    .slide-button02 , .slide-button04{
        right: 50px;
    }
    .slide-button05{
        margin-top: 20px;
        right: 50px;
        width: 100px;
    }

    .left01, .right01 , .left02, .right02 , .left03, .right03 , .left04, .right04, .left05, .right05 {
        position: absolute;
        top: 0;
        height: 100%;
        width: 50%;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        background-color: aquamarine;
        /* border-radius: 15px; */
    }
    .left01,.left02,.left03,.left04,.left05 {
        left: 0;
        background-color: aquamarine;
    }
    .right01,.right02,.right03,.right04,.right05 {
        right: 0;
        background-color: #C0C0C0;
    }

</style>